import React from 'react'
import { Button, NavBar, Space, Toast } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
function Index() {
    let nav=useNavigate()
    const back = () =>
        Toast.show({
          content: '点击了返回区域',
          duration: 1000,
        })
        const tt=()=>{
            nav('/detail')
        }
  return (
    <div>
       <NavBar
          style={{
            '--height': '36px',
            '--border-bottom': '1px #eee solid',
          }}
          onBack={back}
        >
          确定订单
          

        </NavBar>
  <div>
    <h2>云南白药牙膏官方旗舰店</h2>
   
    <p>配送服务</p>
    <p>店铺优惠</p>
    <p>开具发票</p>
    <p>订单备注</p>
  </div>
  <Button style={{color:'orange'}} onClick={()=>tt()}>提交订单</Button>
    </div>
  )
}

export default Index
